// 引入公共基础类
@import "./libs/css/common.scss";
@import "./libs/css/color.scss";

// 非nvue的样式
/* #ifndef APP-NVUE */
@import "./libs/css/style.vue.scss";
/* #endif */

// nvue的特有样式
/* #ifdef APP-NVUE */
@import "./libs/css/style.nvue.scss";
/* #endif */

// 小程序特有的样式
/* #ifdef MP */
@import "./libs/css/style.mp.scss";
/* #endif */

// H5特有的样式
/* #ifdef H5 */
@import "./libs/css/style.h5.scss";
/* #endif */

@for $i from 1 to 1000 {
	.w#{$i} {
		width: $i + rpx;
	}
}

@for $i from 1 to 1000 {
	.h#{$i} {
		height: $i + rpx;
	}
}

@for $i from 1 to 100 {
	.lh#{$i} {
		line-height: $i + rpx;
	}
}

@for $i from 1 to 500 {
	.r#{$i} {
		border-radius: $i + rpx;
	}
}
@for $i from 1 to 500 {
	.f#{$i} {
		font-size: $i + rpx;
	}
}
@for $i from 1 to 300 {
	.mt#{$i} {
		margin-top: $i + rpx;
	}
}
@for $i from 1 to 300 {
	.mb#{$i} {
		margin-bottom: $i + rpx;
	}
}

@for $i from 1 to 300 {
	.ml#{$i} {
		margin-left: $i + rpx;
	}
}
@for $i from 1 to 300 {
	.mr#{$i} {
		margin-right: $i + rpx;
	}
}

@for $i from 1 to 300 {
	.pt#{$i} {
		padding-top: $i + rpx;
	}
}

@for $i from 1 to 300 {
	.pb#{$i} {
		padding-bottom: $i + rpx;
	}
}
@for $i from 1 to 300 {
	.pl#{$i} {
		padding-left: $i + rpx;
	}
}
@for $i from 1 to 300 {
	.pr#{$i} {
		padding-right: $i + rpx;
	}
}

.ww80 {
	width: 80%;
}

.ww84 {
	width: 84%;
}

.ww88 {
	width: 88%;
}

.ww76 {
	width: 76%;
}

.ww90 {
	width: 90%;
}

.ww70 {
	width: 70%;
}


.ww12 {
	width: 12%;
}

.ww100 {
	width: 100%;
}

.hh {
	height: 100%;
}

// @for $i from 1 through 100 {
// 	.ww#{$i} {
// 		width: $i + %;
// 	}
// }
// @for $i from 1 through 100 {
// 	.hh#{$i} {
// 		height: $i + %;
// 	}
// }